<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="tabs/tab3" text="返回"></ion-back-button>
    </ion-buttons>
    <ion-title>【c01】基本控件</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-button style="margin-top: 13px;margin-left: 14px;" size="small">按钮1</ion-button>
  <ion-button style="margin-top: 13px;" size="small" round>按钮2</ion-button>
  <ion-button style="margin-top: 13px;" size="small">
    <ion-icon name="home"></ion-icon>
    按钮3
  </ion-button>
  <ion-button style="margin-top: 13px;" size="small" icon-only>
    <ion-icon name="home"></ion-icon>
  </ion-button>

  <ion-list>
    <ion-list-header style="font-weight: normal;margin:10px 0px;font-size: 18px;">
      CheckBox
    </ion-list-header>
    <ion-item>
      <ion-label>篮球</ion-label>
      <ion-checkbox [(ngModel)] = 'check1' (ngModelChange)="showResult()"></ion-checkbox>
    </ion-item>

    <ion-item>
      <ion-label>排球</ion-label>
      <ion-checkbox [(ngModel)] = 'check2' (ngModelChange)="showResult()"></ion-checkbox>
    </ion-item>
  </ion-list>


  <ion-list style="padding: 0;margin: 0;">
    <ion-list-header style="font-weight: normal;margin:10px 0px;font-size: 18px;">
      Radio
    </ion-list-header>
    <ion-radio-group [(ngModel)] ="r" (ngModelChange)='showResult()'>
    <ion-item>
      <ion-label>篮球</ion-label>
      <ion-radio value="篮球"></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label>排球</ion-label>
      <ion-radio value="排球"></ion-radio>
    </ion-item>
  </ion-radio-group>
  </ion-list>
  <ion-card id="card" style="display: none;">
    <ion-card-content>
      <ion-text color="secondary"><a id="content"></a></ion-text>
    </ion-card-content>
  </ion-card>
</ion-content>
